<script setup>
import { storeToRefs } from 'pinia'
import { useTestCountStore } from '@/stores/counter'
const store = useTestCountStore()
const { count, double } = storeToRefs(store)
const { increment } = store
const increment2 = () => {
  store.count++
}
</script>
<template>
  <div class="about">
    <h1>This is an about page</h1>
    {{ count }} , {{ double }}
    <button @click="increment">click me</button>
    <button @click="increment2">click me2</button>
  </div>
</template>

<style>
@media (min-width: 1024px) {
  .about {
    min-height: 100vh;
    display: flex;
    align-items: center;
  }
}
</style>
